<!DOCTYPE html>
<html lang="">

<head>
	<title>FY17讲师授课回顾</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="format-detection" content="email=no" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta http-equiv="Content-Type" content="text/html">
	<meta name="full-screen" content="yes">
	<meta name="browsermode" content="application">
	<meta name="x5-orientation" content="portrait">
	<meta name="x5-fullscreen" content="true">
	<meta name="x5-page-mode" content="app">
	<meta name="msapplication-tap-highlight" content="no">
	<link rel="stylesheet" type="text/css" href="./style/swiper.min.css" />
	<link rel="stylesheet" href="./style/style.css">
	<link rel="stylesheet" type="text/css" href="./less.css" />
	<link rel="stylesheet" type="text/css" href="./style/animate.css" />
	<link rel="stylesheet" type="text/css" href="./style/forxAnimal.css" />
	<link rel="stylesheet" href="font/stylesheet.css" />
</head>

<body>
	<section>
		<div class="stage">
			<!--舞台-->
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide card1">
						<div class="bgImg"></div>
						<div class="mark">
							<!-- <p class="p-8 fadeInDown animated_6 delay_1"></p> -->
							<p class="p-8 fadeInDown animated_6 delay_1"><span style="writing-mode: horizontal-tb;-webkit-writing-mode: horizontal-tb;">17</span>财年已悄然离去</p>
							<p class="p-3 fadeInDown animated_6 delay_2">回首其中点滴</p>
							<p class="p-7 fadeInDown animated_6 delay_3">讲台上曾经的风采</p>
							<p class="p-3 fadeInDown animated_6 delay_4">过往的经历</p>
							<p class="p-9 fadeInDown animated_6 delay_5">我们一直</p>
							<p class="p-10 fadeInDown animated_6 delay_6">用心铭记</p>
						</div>
						<div class="item">
							<div class="call">
								<img src="./img/images/call1.png" alt="" srcset="">
							</div>
						</div>
					</div>
					<div class="swiper-slide card2">
						<div class="bgImg"> </div>
						<div class="mark">
							<p class="fadeInLeft pl-8 animated_6 delay_1">这一年</p>
							<p class="fadeInLeft pl-4 animated_6 delay_3">讲台上共计
								<span class="big color jackInTheBox animated_6 delay_9">
									<span class="num big color" data-from="0" data-to="4.23">0</span>次</span>
							</p>
							<p class="fadeInLeft pl-5 animated_6 delay_3">出现过您的身影</p>
							<p class="fadeInLeft pl-3 animated_6 delay_5">
								<span class="big color jackInTheBox animated_6 delay_9">
									<span class="num big color" data-from="1" data-to="251">0</span>位
								</span>
								学员
							</p>
							<p class="fadeInLeft animated_6 delay_7">在台下见证您的风采</p>
							<div>
							</div>
							<div class="bgImg"> </div>
						</div>
						<div class="item">
							<div class="forYou fadeIn animated_6 delay_3">
								<p>桃李不言</p>
								<p>下自成蹊</p>
							</div>
							<p class="call">
								<img src="./img/images/call2.png" alt="" srcset="">
							</p>
						</div>
					</div>
					<div class="swiper-slide card3">
						<div class="bgImg"> </div>
						<div class="mark">
							<p class="fadeInLeft pl-8 animated_6 delay_1">这一年</p>
							<p class="fadeInLeft pl-4 animated_6 delay_3">您累计
								<span class="color jackInTheBox animated_6 delay_9">
									<span class="num big" data-from="0" data-to="12">0</span>小时</span>
							</p>
							<p class="fadeInLeft pl-3 animated_6 delay_3">孜孜不倦的分享</p>
							<p class="fadeInLeft pl-4 animated_6 delay_3">在学识排名中</p>
							<p class="fadeInLeft animated_6 delay_5">领先
								<span class="color jackInTheBox animated_6 delay_9">
									<span class="num big " data-from="0" data-to="20.23">0</span>%
								</span>
								
							</p>
							<p class="fadeInLeft pl-14 animated_6 delay_7">的讲师</p>
							<p class="fadeInLeft animated_6 delay_7">在台下见证您的风采</p>
							<div>
							</div>
						</div>
						<div class="item">
							<div class="forYou fadeIn animated_6 delay_3">
								<p>十年树木</p>
								<p>百年树人</p>
							</div>
							<p class="call">
								<img src="./img/images/call2.png" alt="" srcset="">
							</p>
						</div>
					</div>
					<div class="swiper-slide card4">
						<div class="bgImg"> </div>
						<div class="mark">
							<p class="fadeInLeft pl-8 p-12 animated_6 delay_1">这一年,您的</p>
							<p class="fadeInLeft pl-1 animated_6 delay_3">
								<span class="color jackInTheBox animated_6 delay_5">
									人力资源制度介绍
								</span>
							</p>
							<p class="fadeInLeft pl-4 animated_6 delay_3">广受学员好评</p>
						</div>
						<div class="item">
							<div class="forYou fadeIn animated_6 delay_3">
								<p>仰之弥高</p>
								<p>钻之弥坚</p>
							</div>
							<p class="call">
								<img src="./img/images/call2.png" alt="" srcset="">
							</p>
						</div>
					</div>
					<!-- </div> -->
					<div class="swiper-slide card5">
						<div class="bgImg"> </div>
						<div class="mark">
							<p class="fadeInLeft pl-3 animated_6 delay_1">您的授课满意度达
								<span class="color pl-4 jackInTheBox animated_6 delay_5">
									<span class="num big color" data-from="0" data-to="4">0</span>
									分
								</span>
							</p>
							<p class="fadeInLeft pl-4 animated_6 delay_3">是学员最受欢迎的讲师之一哦~</p>
						</div>
						<div class="item">
							<div class="forYou fadeIn animated_6 delay_3">
								<p>经师易遇</p>
								<p>人师难遇</p>
							</div>
							<p class="call">
								<img src="./img/images/call2.png" alt="" srcset="">
							</p>
						</div>
					</div>
					<div class="swiper-slide card6">
						<div class="bgImg"> </div>
						<div class="mark">
							<p class="jackInTheBox pl-13 animated_6 delay_2 big">叮咚</p>
							<p class="fadeInLeft pl-3 animated_6 delay_3">
								您有一封来自学员的信件，请点击查阅。
							</p>
						</div>
						<div class="item">
							<p class="call">
								<img src="./img/images/call3.png" alt="" srcset="">
							</p>
							<div class="ding fadeInLeft animated_6">
								<img class="jackInTheBox animated_6 infinite" src="./img/images/dd.png" srcset="">
							</div>
							<div class="msg">
								<p class="animated_6 delay_1">大家好,我是评价</p>
								<p class="animated_6 delay_2">大家好,我是评价</p>
								<p class="animated_6 delay_3">大家好,我是评价</p>
							</div>
						</div>
					</div>
					<div class="swiper-slide card7">
						<div class="bgImg"> </div>
						<div class="mark">
							<p class="fadeInLeft big animated_6 delay_2">
								我们砥砺前行
							</p>
							<p class="fadeInLeft big p-1 animated_6 delay_3">
								2018
							</p>
							<p class="fadeInLeft down p-4 animated_6 delay_4">
								而幻化成真
							</p>
							<p class="fadeInLeft down p-7 animated_6 delay_5">
								梦想经由您的助力扬帆
							</p>
							<p class="fadeInLeft down p-4 animated_6 delay_6">
								而激情四射
							</p>
							<p class="fadeInLeft down p-5 animated_6 delay_7">
								青春经由您的精心指引
							</p>
						</div>
						<div class="item">
							<p class="call">
								<img src="./img/images/call4.png" alt="" srcset="">
							</p>
						</div>
					</div>
				</div>
			</div>
			<div class="arrow swiper-slide-active">
				<img class="bounce animated_6 infinite" src="./img/more_unfold.png">
				<!-- <p>下滑</p> -->
			</div>
		</div>
		<!-- </div> -->
	</section>
</body>
<script type="text/javascript" src="./js/zepto.min.js"></script>
<script type="text/javascript" src="./js/swiper.min.js"></script>
<script src="./js/flexible.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/tween.js@16.3.4"></script>
<script type="text/javascript" src="./js/dist/dist.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script> -->

</html>